/*.clear {clear: both;}*/
body {position: relative;width: 100%;background: #fff;}
.center {position: relative;width: 1365px;margin: 0 auto;}


.indexRoll .center {background: #FFFFFF;}
.indexRoll .ColorC {background: #FFFFFF;width:1365px;height: 400px;;margin: 0 auto;padding: 40px 0;overflow: hidden;transform: skew(18deg);position: relative;overflow: hidden;}
.indexRoll .ColorC .ColorC2 {padding: 20px;position: absolute;left: 0px;}
.indexRoll .ColorC ul li {float:left;width:230px;height: 400px;}
.indexRoll .ColorC ul li h4 {text-align: center;font-size: 18px;color: #666666;margin-bottom: 20px;top:0;}
.indexRoll .ColorC ul li p {    display: inline-block;
    font-size: 18px;
    color: #333;
    text-align: center;
    position: relative;
    top: -60px;
    left: 135px;}
    .indexRoll .ColorC ul li div {display: inline-block;
        top: 50px;
        left: 57px;
        width: 165px;
        height: 368px;
        overflow: hidden;
         -webkit-transition: all ease-out 0.5s;
    -moz-transition: all ease-out 0.5s;
    -o-transition: all ease-out 0.5s;
    transition: all ease-out 0.5s;  
    transform:skew(0) translateZ(0);
        
        
        
        
        
        
        }
        .indexRoll .ColorC ul li div p{    display: inline-block;
            font-size: 18px;
            color: #333;
            text-align: center;
            position: relative;
            transform: skew(
        -18deg);
            top: -60px;
            left: 27px;
            }
        .indexRoll .ColorC ul li div img {transform: skew( -17.4deg);
                position: relative;
                left: -58px;
                                        }
          .indexRoll .ColorC ul li div:hover{
                    box-shadow: 10px 10px 10px #888888;

                   -webkit-transform: scale(1.1);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);     
          }                     
                             
.indexRoll .noColorL {position: absolute;left: -230px;width: 150px;overflow: hidden;height: 490px;top: 0px;transform: skew(18deg);z-index: 100;background: rgba(255,255,255,0.9);}
.indexRoll .noColorL .noColorL2 {overflow: hidden; padding-top: 20px;position: absolute;left:0;}
.indexRoll .noColorL .noColorL2 li {float: left;width: 230px;height: 400px;}
.indexRoll .noColorL ul li img{opacity: 0.3;filter: opacity(30);transform: skew(-17.4deg);}

.indexRoll .noColorR {position: absolute;right: -505px;top: 40px;;width: 514px;overflow: hidden;height: 232px;}
.indexRoll .noColorR ul {overflow: hidden;_zoom:1;width: 99999px; margin-left: 20px;}
.indexRoll .noColorR ul li {float: left;padding-right: 30px;}

.indexRoll  .rollBtn .prev {display: inline-block;width: 51px;height: 51px;background: url(../images1/images//icon-48.png) no-repeat;position: absolute;left:15px;top:-280px;}
.indexRoll  .rollBtn .next {display: inline-block;width: 51px;height: 51px;background: url(../images1/images//icon-49.png) no-repeat;position: absolute;right:25px;top:-280px;}